﻿var area;
layui.use(['element', 'jquery', 'form', 'layedit', 'flow', 'layer'], function () {
    var element = layui.element;
    var form = layui.form;
    var $ = layui.jquery;
    var layedit = layui.layedit;
    var flow = layui.flow;
    var layer = layui.layer;
    //留言的编辑器
    var editIndex = layedit.build('remarkEditor', {
        height: 150,
        tool: ['face', '|', 'link'],
    });
    //留言的编辑器的验证
    form.verify({
        content: function (value) {
            value = $.trim(layedit.getContent(editIndex));
            if (value == "") return "请输入内容";
            if (value.length < 10) return "请输入至少10个字的内容";
            layedit.sync(editIndex);
        },
        replyContent: function (value) {
            if (value == "") return "请输入内容";
            if (value.length < 10) return "请输入至少10个字的内容";
        }
    });
    //回复按钮点击事件
    $('#message-list').on('click', '.btn-reply', function () {
         var targetId = $(this).data('targetid')
             , targetName = $(this).data('targetname')
             , parentid = $(this).data('parentid')
             , touserid = $(this).data('touserid')
             , $container = $(this).parent('p').parent().siblings('.replycontainer');
         if ($(this).text() == '回复') {
             $container.find('textarea').attr('placeholder', '回复【' + targetName + '】');
             $container.removeClass('layui-hide');
             $container.find('input[name="targetUserId"]').val(targetId);
             $container.find('input[name="to_user_id"]').val(touserid);
             $container.find('input[name="parent_id"]').val(parentid);
             $(this).parents('.message-list li').find('.btn-reply').text('回复');
             $(this).text('收起');
         } else {
             $container.addClass('layui-hide');
             $container.find('input[name="targetUserId"]').val(0);
             $(this).text('回复');
         }
     });


    // 监听提交事件
    form.on('submit(formLeaveMessage)', function(data){
        // data.field 获取表单所有的值，可以直接传递给后台
        //console.log(data.field);

        // 使用ajax提交表单数据
        $.ajax({
            url: $('.comment-msg').attr('action'), // 你的后台接口
            type: 'post',
            data: data.field,
            success: function(res){
                // 成功回调
                if(res.code === 0){
                    return layer.msg(res.msg, {icon: 2});
                }
                //layer.msg('提交成功', {icon: 1});
                layer.msg(res.msg, {icon: 1, time: 2000}, function(){
                    // 2秒后执行的操作，即刷新页面
                    location.reload();
                });
            },
            error: function(){
                // 错误回调
                //console.log('提交失败');
                return layer.msg('提交失败', {icon: 2});
            }
        });

        return false; // 阻止表单默认提交行为
    });

    form.on('submit(formReply)', function(data){
        // data.field 获取表单所有的值，可以直接传递给后台
        //console.log(data.field);

        // 使用ajax提交表单数据
        $.ajax({
            url: $('.comment-msg').attr('action'), // 你的后台接口
            type: 'post',
            data: data.field,
            success: function(res){
                // 成功回调
                if(res.code === 0){
                    return layer.msg(res.msg, {icon: 2});
                }
                //layer.msg('提交成功', {icon: 1});
                layer.msg(res.msg, {icon: 1, time: 2000}, function(){
                    // 2秒后执行的操作，即刷新页面
                    location.reload();
                });
            },
            error: function(){
                // 错误回调
                //console.log('提交失败');
                return layer.msg('提交失败', {icon: 2});
            }
        });

        return false; // 阻止表单默认提交行为
    });
});
 
